<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ergo安健之源</title>

    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">

    <link rel="stylesheet" href="./assets/css/animate.min.css">

    <link rel="stylesheet/less" href="./assets/css/reset.less">

    <link rel="stylesheet/less" href="./assets/css/common.less">

    <link rel="stylesheet/less" href="./assets/css/index.less">

    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=lc157iTGgIH9rzWgDncPpAFDaflGbzCn"></script>
</head>
<body>
    <header class="header">
        <div class="list"><div class="glyphicon glyphicon-list"></div></div>
        <div class="logo"><img src="./assets/images/logo.png" alt=""></div>
        <div class="search"><div class="glyphicon glyphicon-search"></div></div>
    </header>

    <div class="banner">
        <img src="./assets/images/banner.png" />
    </div>

    <div class="function">
        <div class="title">风险评估</div>

        <div class="list">
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
            <div class="item">
                <div class="thumb">
                    <img src="./assets/images/icon1.png" />
                </div>
                <div class="desc">办公室</div>
            </div>
        </div>

        <div class="box">
            <div class="back">
                <img src="./assets/images/img1.png" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
            <div class="back">
                <img src="./assets/images/img1.png" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
            <div class="back">
                <img src="./assets/images/img1.png" />
            </div>
            <div class="content">
                <h3 class="subject">专业咨询</h3>
                <div class="info">
                    <a href="javascript:void(0)">个人咨询</a>
                    <a href="javascript:void(0)">企业咨询</a>
                </div>
            </div>
        </div>
    </div>

    <div class="app">
        <div class="title">人体工学介绍和应用</div>

        <div class="banner">
            <img class="banner_img" src="./assets/images/appback.png" />
            <div class="back">
                <h4 class="short">人体工学介绍</h4>
                <div class="taglist">
                    <span class="tag">历史</span>
                    <span class="tag">历史</span>
                    <span class="tag">历史</span>
                </div>
            </div>
        </div>
        <div class="btnlist">
            <div class="item">
                <div class="item_img">
                    <img src="./assets/images/002.png" alt="">
                </div>
                <span>职业应用</span>
            </div>
            <div class="item">
               <div class="item_img">
                    <img src="./assets/images/003.png" alt="">
               </div>
                <span>职业应用</span>
            </div>
        </div>
        <div class="btnlist2">
            <div class="item_img">
                <img src="./assets/images/001.png" alt="">
            </div>
            <span>其他应用</span>
        </div>
    </div>

    <div class="contact">
        <div class="title">人体工学介绍和应用</div>

        <div class="content">
            <div class="line">
                <img src="./assets/images/phone.png" alt="">
                <span>+86 15217196291</span>
            </div>
            <div class="line2">
                <div class="item">
                    <img src="./assets/images/app.png" alt="">
                    <span>+86 15217196291</span>
                </div>
                <div class="item" style="margin-left:1em;">
                    <img src="./assets/images/emial.png" alt="">
                    <span>ergo168@qq.com</span>
                </div>
            </div>
            <div class="line">
                <img src="./assets/images/location.png" alt="">
                <span>广州市天河区珠江新城珠江西路高德置地D座15楼</span>
            </div>
        </div>

        <div class="map" id="map"></div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-home"></span>
            <span> 首页 </span>
        </a>

        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-object-align-bottom"></span>
            <span> 关于我们 </span>
        </a>

        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-list-alt"></span>
            <span> 风险评估 </span>
        </a>

        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-user"></span>
            <span> 用户中心 </span>
        </a>
    </div>
</body>
</html>
<script src="./assets/js/bootstrap.js"></script>

<script src="./assets/js/bootstrap.min.js"></script>

<script src="./assets/js/jquery.min.js"></script>

<script src="./assets/js/less.min.js"></script>

<script src="./assets/js/wow.min.repeat.js"></script>

<script>

    //懒加载初始化
    new WOW().init()

    //百度地图
    var map = new BMap.Map("map");     

    // 初始化地图,设置中心点坐标和地图级别
    map.centerAndZoom(new BMap.Point(113.26197, 23.10379), 12);

    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
              BMAP_NORMAL_MAP,
              BMAP_HYBRID_MAP
    ]}));   
    map.setCurrentCity("广州");  // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>